<template>
    <div class="test-box">
        {{title}}
        <Hello/>
    </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import Hello from './components/hello.vue'
let title = ref<string>('hello webpack-vue3-ts');
console.log('title:', title.value);
</script>

<style lang="less" scoped>
    .test-box {
        background-color: rgb(54, 54, 54);
        width: 100vw;
        height: 100vh;
        text-align: center;
        color: rgb(5, 131, 199);
        padding-top: 20vh;
        font-size: 2rem;
    }
</style>